<script>
export default {
	mounted() {
		this.$nextTick(() => {
			this.$refs.searchInput.focus()
		})
	},
	methods: {}
}
</script>

<template lang="pug">
.page-search
	.page-search__head.flex-center-between
		.iconfont.icon-back(@click="$back()")
		form
			input(type="text" ref="searchInput" placeholder="猜你喜欢 小鹿乱撞")
</template>

<style lang="stylus">
.page-search__head
	padding 0 10px
	height 50px
	color #FFF
	background-color #dc4137
	.iconfont
		width 40px
		font-size 30px
	form
		flex 1
		input
			font-size 15px
			line-height 28px
			width 100%
			padding-left 2px
			border none
			outline none
			border-bottom 1px solid #eb9d94
			color #FFF
			background-color transparent
::-webkit-input-placeholder
	color rgba(255,255,255,.4)
</style>
